/* ---自定义公共样式--- */

* {
	box-sizing: border-box;
}

body {
	font-size: 14px;
}

.l-page {
	padding: 15px 15px 40px 15px;
}

.l-break-words {
	overflow-wrap: break-word;
}

/* 标题竖线 */
.l-line {
	width: 3px;
	height: 13px;
	background: #000;
	border-radius: 2px;
}

/* 文字删除线 */
.l-text-decoration-line {
	text-decoration: line-through;
}

.l-text-center {
	text-align: center;
}

.l-text-right {
	text-align: right;
}

.l-font-w-bold {
	font-weight: bold;
}

.l-line-h-0 {
	line-height: 0;
}

/* --position-- */
.l-fixed {
	position: fixed;
}

.l-relative {
	position: relative;
}

.l-absolute {
	position: absolute;
}

.l-initial {
	position: initial;
}

.l-zIndex-1 {
	z-index: 1;
}

.l-zIndex-9 {
	z-index: 9;
}

.l-border-r-0 {
	border-radius: 0 !important;
}

.l-boder-r-circle {
	border-radius: 50%;
}

.l-top-0 {
	top: 0;
}

.l-top-1\/2 {
	top: 50%;
}

.l-left-0 {
	left: 0;
}

.l-right-0 {
	right: 0;
}

.l-bottom-0 {
	bottom: 0;
}

.l-w-100 {
	width: 100%;
}

.l-w-50 {
	width: 50%;
}

.l-w-100vw {
	width: 100vw;
}

.l-h-100vh {
	height: 100vh;
}

.l-w-50vw {
	width: 50vw;
}

.l-h-100 {
	height: 100%;
}

/* 图片定比例缩放 */
.l-img-body img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

/* 虚线分割 */
.l-line-w {
	height: 1px;
	background: linear-gradient(to right, #dcdcdc, #dcdcdc 5px, transparent 5px, transparent);
	background-size: 10px 100%;
}

/* 卡片边框 */
.l-card-body {
	background: #ffffff;
	box-shadow: 0px 2px 4px 3px rgba(196, 196, 196, 0.16);
}

/* 阴影 */
.l-box-shadow {
	box-shadow: 0px 2px 4px 3px rgba(196, 196, 196, 0.16);
}

// 边框
.l-border {
	border-width: 1px;
	border: 1px solid #f3f4f6;
}

.l-m-auto {
	margin: 0 auto;
}

.l-input-border {
	border: 1px solid #3C9BDF !important;

	&::placeholder {
		color: #3C9BDF;
	}

	//  &:active{
	// 	border: 1px solid #3C9BDF;
	//  }
	//  &:hover{
	// 	border: 1px solid #3b586c;
	//  }
}

.l-title-col {
	font-size: 18px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #118BD8;
	line-height: 25px;
	background: linear-gradient(180deg, #FFFFFF 0%, #32D9FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.l-cursor-pointer {
	cursor: pointer;
}